<template>
    <div class="footer-container">
        <footer class="short-2">
            <div class="container">
                <div class="row ui-sortable text-center">
                    <div class="contact-menu col-md-12">
                        <span class="pull-left">
                            <a href="#">
                                <img class="logo" src="https://23kri02j3rke414ynf4dgx2i-wpengine.netdna-ssl.com/img/mobapi-logo-green.png" alt="Logo">
                            </a>
                        </span>
                        <span class="footer-menu pull-right">
                            <a href="#">Terms of service</a>
                            <a href="#">Legal Notice</a>
                            <a href="#">Join us</a>
                            <a href="#">Contact</a>
                        </span>
                    </div>
                    <div class="contact-sub-menu col-md-12">
                        <span class="pull-left">© 2019 Mobapi - Made with ♥ in French Guiana</span>
                        <span class="pull-right" v-for="img of imgs">
                            <img class="logo-sponsors-footer" :src="img.url" alt="">
                        </span>
                        <!-- <span class="pull-right">
                            <img class="logo-sponsors-footer" src="https://www.mobapi.com/uploads/2015/10/CNES.png" alt="">
                        </span>
                        <span class="pull-right">
                            <img class="logo-sponsors-footer" src="https://www.mobapi.com/uploads/2017/09/logo-ctg.png" alt="">
                        </span>
                        <span class="pull-right">
                            <img class="logo-sponsors-footer" src="https://www.mobapi.com/uploads/2017/09/logo-ue.png" alt="">
                        </span>
                        <span class="pull-right">
                            <img class="logo-sponsors-footer" src="https://www.mobapi.com/uploads/2017/09/logo-feder.png" alt="">
                        </span> -->
                    </div>
                </div>
            </div>
        </footer>
    </div>
</template>

<script>
export default {
    data(){
        return {
            imgs:[
                {url:'https://www.mobapi.com/uploads/2015/10/CNES.png'},
                {url:'https://www.mobapi.com/uploads/2017/09/logo-ctg.png'},
                {url:'https://www.mobapi.com/uploads/2017/09/logo-ue.png'},
                {url:'https://www.mobapi.com/uploads/2017/09/logo-feder.png'}
            ]
        }
    }
}

</script>
<style>
.footer-container {
    padding: 50px 0 40px 0;
}
/* footer.short-2 .contact-menu {
    padding-top: 20px;
    padding-bottom: 20px;
    line-height: 50px;
} */
footer.short-2 span {
    display: inline-block;
    margin-right: 0px;
    float: none!important;
    margin-bottom: 20px;
}
.footer-container .logo {
    max-width: 128px;
}
.footer-menu a {
    margin-left: 25px;
    text-decoration:none;
    color: black;
}
.footer-menu a:hover{
    margin-left: 25px;
    text-decoration:none;
    color: #14CC71;
}
footer.short-2 .contact-sub-menu {
    padding-top: 20px;
    color: #888888;
}
.footer-container .logo-sponsors-footer {
    max-width: 70px;
    margin-left: 40px;
}

</style>